$(function(){
    // 监听屏幕
    // 获取所有item 
    var items = $(".carousel-inner .item");
    $(window).on("resize",function(){
        // 1. 获取当前屏幕的宽度
        var width = $(window).width();
        // 2. 判断屏幕的宽度 
        if (width >= 768) {
            // 非移动端
            // 为每一个item元素添加子元素
            $(items).each(function(index,value){
                var item = $(this);
                // 获取当前自定义属性---->图片文件路径
                var imgSrc = item.attr("data-large-image");
                // 此处有坑
                item.html($('<a href="javascript:;" class="PcImg hidden-xs"></a>').css("backgroundImage","url('"+imgSrc+"')"));
            });
        }else{
            // 移动端
            // 为每一个item元素添加子元素
            $(items).each(function(index,value){
                var item = $(this);
                // 获取当前自定义属性---->图片文件路径
                var imgSrc = item.attr("data-small-image");
                // 此处有坑
                item.html($('<a href="javascript:;" class="mobileImg hidden-sm hidden-md hidden-lg"><img src="'+imgSrc+'"></a>'));
            });
        }
    }).trigger("resize");
    // 添加移动端的滑动操作
    var startX,endX;
    var carousel_inner = $(".carousel-inner")[0];
    // 轮播图
    var carousel = $(".carousel");
    carousel_inner.addEventListener("touchstart",function(e){   
        startX = e.targetTouches[0].clientX;
    });
    carousel_inner.addEventListener("touchend",function(e){
        endX = e.changedTouches[0].clientX;
        if (endX - startX > 0) {
            // 上一张
            // bootstrap里有函数
            carousel.carousel("prev");
        }else if(endX-startX<0){
            carousel.carousel("next");
        }
    }); 
    // 初始化提示工具
    $('[data-toggle="tooltip"]').tooltip()

    // 计算产品块导航块的原始宽度
    var ul=$(".wjs_product .nav-tabs");
    var lis = ul.find("li");
    var totalWidth = 0;
    lis.each(function(index,value){
        // jq对象.width()          只能得到元素内容的宽度
        // jq对象.innerWidth()     能获得内容宽度+padding
        // jq对象.outerWidth()     内容+padding+border
        // jq对象.outerWidth(true) 内容+padding+border+margin
        totalWidth = totalWidth + $(value).outerWidth(true);  
    });
    ul.width(totalWidth);
    // 引入iScroll.js
    var myScroll = new IScroll('.tabs_parent',{
        // iscroll.js 默认垂直滑动 得传参
        scrollX:true,scrollY:false
    });

})